import UIApplication from "../../ui/UIApplication";
import UIPage from "../../ui/UIPage";
import ListLayout from "../../ui/layout/ListLayout";
import WidgetLabel from "../../ui/widget/WidgetLabel";


const pageMain = (() => {
    const layout = new ListLayout()

    layout.addWidget(new WidgetLabel('H6', {
        width: 'auto',
        height: 20,
        fontSize: 20
    }))

    layout.addWidget(new WidgetLabel('H5', {
        width: 'auto',
        height: 30,
        fontSize: 30
    }))

    layout.addWidget(new WidgetLabel('H4', {
        width: 'auto',
        height: 40,
        fontSize: 40
    }))

    layout.addWidget(new WidgetLabel('H3', {
        width: 'auto',
        height: 50,
        fontSize: 50
    }))

    layout.addWidget(new WidgetLabel('H2', {
        width: 'auto',
        height: 60,
        fontSize: 60
    }))

    layout.addWidget(new WidgetLabel('H1', {
        width: 'auto',
        height: 70,
        fontSize: 70
    }))

    return new UIPage(layout, 0)
})()


export default class extends UIApplication {
    constructor() {
        super('Kaseo Basic')

        this.pushPage(pageMain)
    }
}

